<!doctype html>
<html lang="en">


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/matarial-icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:40:34 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>Undex - Modern Admin Template</title>

    <!-- Favicon -->
    <link rel="icon" href="img/core-img/favicon.png">

    <!-- Master Stylesheet [If you remove this CSS file, your file will be broken undoubtedly.] -->
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader"></div>

    <!-- Choose Layout -->
    <div class="choose-layout-area">
        <div class="setting-trigger-icon" id="settingTrigger">
            <i class="ti-settings"></i>
        </div>
        <div class="choose-layout" id="chooseLayout">
            <h6 class="mb-30">Choose A Layout</h6>
            <div class="demos-content">
                <div class="single-demos">
                    <a href="index-2.html"><img src="img/demo/1.png" alt=""></a>
                    <span>Vertical Dark</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu/index.html"><img src="img/demo/2.png" alt=""></a>
                    <span>Vertical Light</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu-gradient/index.html"><img src="img/demo/3.png" alt=""></a>
                    <span>Sidebar Gradient</span>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================================
    ******* Page Wrapper Area Start **********
    ======================================= -->
    <div class="ecaps-page-wrapper">
        <!-- Sidemenu Area -->
        <div class="ecaps-sidemenu-area">
            <!-- Desktop Logo -->
            <div class="ecaps-logo">
                <a href="index-2.html"><img class="desktop-logo" src="img/core-img/logo.png" alt="Desktop Logo"> <img class="small-logo" src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
            </div>

            <!-- Side Nav -->
            <div class="ecaps-sidenav" id="ecapsSideNav">
                <!-- Side Menu Area -->
                <div class="side-menu-area">
                    <!-- Sidebar Menu -->
                    <nav>
                        <ul class="sidebar-menu" data-widget="tree">
                            <li class="sidemenu-user-profile d-flex align-items-center">
                                <div class="user-thumbnail">
                                    <img src="img/member-img/1.png" alt="">
                                </div>
                                <div class="user-content">
                                    <h6>Ajoy Das</h6>
                                    <span>Pro User</span>
                                </div>
                            </li>
                            <li><a href="index-2.html"><i class="icon_lifesaver"></i> <span>Dashboard</span></a></li>
                            <li><a href="widgets.html"><i class="icon_cog"></i> <span>Widgets</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_laptop"></i> <span>Apps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="calendar.html">- Calendar</a></li>
                                    <li><a href="chat-box.html">- Chat box</a></li>
                                    <li><a href="project-list.html">- Project List</a></li>
                                    <li><a href="project-details.html">- Project Details</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_drive"></i> <span>UI kit</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="avatar.html">- Avatar</a></li>
                                    <li><a href="buttons.html">- Button</a></li>
                                    <li><a href="card.html">- Card</a></li>
                                    <li><a href="slider.html">- Slider</a></li>
                                    <li><a href="modals.html">- Modals</a></li>
                                    <li><a href="toastr.html">- Toastr</a></li>
                                    <li><a href="preloader.html">- Preloader</a></li>
                                    <li><a href="tab.html">- Tab</a></li>
                                    <li><a href="general.html">- General</a></li>
                                    <li><a href="progressbar.html">- Progressbar</a></li>
                                    <li><a href="notifications.html">- Notification</a></li>
                                    <li><a href="dropdown.html">- Dropdown</a></li>
                                    <li><a href="typography.html">- Typography</a></li>
                                </ul>
                            </li>
                            <li><a href="inbox.html"><i class="icon_globe-2"></i> <span>Email</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_easel"></i> <span>Charts</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="heigh-chart.html">- Heigh Chart</a></li>
                                    <li><a href="flot-chart.html">- Flot Chart</a></li>
                                    <li><a href="metricas-chart.html">- Metrica Chart</a></li>
                                    <li><a href="chartist.html">- Chartist Chart</a></li>
                                    <li><a href="google-chart.html">- Google Chart</a></li>
                                    <li><a href="morris-chart.html">- Morris Chart</a></li>
                                    <li><a href="peity-chart.html">- Peity Chart</a></li>
                                    <li><a href="chart-js.html">- Chart Js</a></li>
                                    <li><a href="c3-charts.html">- C3 Chart</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_document_alt"></i> <span>Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="blank.html">- Start Page</a></li>
                                    <li><a href="profile.html">- Profile</a></li>
                                    <li><a href="profile-2.html">- Profile 2</a></li>
                                    <li><a href="ribbons.html">- Ribbons</a></li>
                                    <li><a href="clipboard.html">- Clipboard</a></li>
                                    <li><a href="todo-list.html">- Todo List</a></li>
                                    <li><a href="light-box-gallery.html">- Light Box Gallery</a></li>
                                    <li><a href="gallery.html">- Gallery</a></li>
                                    <li><a href="range-slider.html">- Range Slider</a></li>
                                    <li><a href="timeline.html">- Timeline</a></li>
                                    <li><a href="timeline-2.html">- Timeline 2</a></li>
                                    <li><a href="sweet-alert.html">- Sweet Alert</a></li>
                                    <li><a href="nestable-list.html">- Nestable List</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_documents_alt"></i> <span>Forms</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-form.html">- Basic Form</a></li>
                                    <li><a href="form-validation.html">- Validation</a></li>
                                    <li><a href="rating.html">- Rating</a></li>
                                    <li><a href="form-switchers.html">- Switchers</a></li>
                                    <li><a href="file-upload.html">- File upload</a></li>
                                    <li><a href="form-input-mask.html">- Input Mask</a></li>
                                    <li><a href="form-wizard.html">- Form Wizard</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_cart_alt"></i> <span>Ecommerce</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="product.html">- Products</a></li>
                                    <li><a href="product-details.html">- Products Details</a></li>
                                    <li><a href="order.html">- Orders</a></li>
                                    <li><a href="cart.html">- Cart</a></li>
                                    <li><a href="checkout.html">- Checkout</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_table"></i> <span>Tables</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-table.html">- Basic Table</a></li>
                                    <li><a href="data-table.html">- Data Table</a></li>
                                    <li><a href="table-layout-colourd.html">- Table Layout Color</a></li>
                                    <li><a href="price-table.html">- Price Table</a></li>
                                    <li><a href="edit-table.html">- Edit Table</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_key_alt"></i> <span>User Page</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="login.html">- Login</a></li>
                                    <li><a href="register.html">- Register</a></li>
                                    <li><a href="lock-screen.html">- Lock Screen</a></li>
                                    <li><a href="forget-password.html">- Forget Password</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_genius"></i> <span>General Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="video.html">- Video</a></li>
                                    <li><a href="session-timeout.html">- Session timeout</a></li>
                                    <li><a href="invoice.html">- Invoice</a></li>
                                    <li><a href="contact.html">- Contact</a></li>
                                    <li><a href="coming-soon.html">- Coming Soon</a></li>
                                    <li><a href="404.html">- 404</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_map_alt"></i> <span>Maps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="google-map.html">- Google Map</a></li>
                                    <li><a href="vector-map.html">- Vector Map</a></li>
                                </ul>
                            </li>
                            <li class="treeview active">
                                <a href="javascript:void(0)"><i class="icon_shield"></i> <span>Icons</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li class="active"><a href="matarial-icons.html">- Materialize Icons</a></li>
                                    <li><a href="elegant-icons.html">- Elegant Icons</a></li>
                                    <li><a href="et-line-icons.html">- Et-line Icons</a></li>
                                    <li><a href="font-awesome.html">- Font-Awsome Icons</a></li>
                                    <li><a href="pe-7-stroke.html">- Pe-7 Stroke Icons</a></li>
                                    <li><a href="themify-icons.html">- Themify Icons</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_menu"></i> <span>Multilevel</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#">Level One</a></li>
                                    <li class="treeview">
                                        <a href="#">Level One <i class="fa fa-angle-right"></i></a>
                                        <ul class="treeview-menu">
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Level One</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <!-- Page Content -->
        <div class="ecaps-page-content">
            <!-- Top Header Area -->
            <header class="top-header-area d-flex align-items-center justify-content-between">
                <div class="left-side-content-area d-flex align-items-center">
                    <!-- Mobile Logo -->
                    <div class="mobile-logo mr-3 mr-sm-4">
                        <a href="index-2.html"><img src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
                    </div>

                    <!-- Triggers -->
                    <div class="ecaps-triggers mr-1 mr-sm-3">
                        <div class="menu-collasped" id="menuCollasped">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                        <div class="mobile-menu-open" id="mobileMenuOpen">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                    </div>

                    <!-- Left Side Nav -->
                    <ul class="left-side-navbar d-flex align-items-center">
                        <li class="hide-phone app-search mr-15">
                            <form role="search" class=""><input type="text" placeholder="Search..." class="form-control"> <button type="submit" class="mr-0"><i class="fa fa-search"></i></button></form>
                        </li>
                    </ul>
                </div>

                <div class="right-side-navbar d-flex align-items-center justify-content-end">
                    <!-- Mobile Trigger -->
                    <div class="right-side-trigger" id="rightSideTrigger">
                        <i class="ti-align-left"></i>
                    </div>

                    <!-- Top Bar Nav -->
                    <ul class="right-side-content d-flex align-items-center">
                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-none" src="img/core-img/l3.jpg" alt=""></button>
                            <div class="dropdown-menu language-dropdown dropdown-menu-right">
                                <a href="#" class="dropdown-item"><img src="img/core-img/l1.jpg" alt=""> IND</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l2.jpg" alt=""> LOP</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l3.jpg" alt=""> KYI</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l4.jpg" alt=""> RTY</a>
                            </div>
                        </li>
                        <!-- Full Screen Mode -->
                        <li class="full-screen-mode ml-1">
                            <a href="javascript:" id="fullScreenMode"><i class="zmdi zmdi-fullscreen"></i></a>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_globe-2" aria-hidden="true"></i></button>

                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Message Area -->
                                <div class="top-message-area">
                                    <!-- Heading -->
                                    <div class="top-message-heading">
                                        <div class="heading-title">
                                            <h6>Messages</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>
                                    <div class="message-box" id="messageBox">
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>The Complete JavaScript Handbook</span>
                                                <span>1 hour ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New comment: ecaps Template</span>
                                                <span>2 days ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_lightbulb_alt" aria-hidden="true"></i> <span class="active-status"></span></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Notifications Area -->
                                <div class="top-notifications-area">
                                    <!-- Heading -->
                                    <div class="notifications-heading">
                                        <div class="heading-title">
                                            <h6>Notifications</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>

                                    <div class="notifications-box" id="notificationsBox">
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-50" src="img/member-img/1.png" alt=""></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- User Profile Area -->
                                <div class="user-profile-area">
                                    <div class="user-profile-heading">
                                        <!-- Thumb -->
                                        <div class="profile-thumbnail">
                                            <img class="border-radius-50" src="img/member-img/1.png" alt="">
                                        </div>
                                        <!-- Profile Text -->
                                        <div class="profile-text">
                                            <h6>Ajoy Das</h6>
                                            <span>ajoydas@example.com</span>
                                        </div>
                                    </div>
                                    <a href="#" class="dropdown-item"><i class="ti-user text-default" aria-hidden="true"></i> My profile</a>
                                    <a href="#" class="dropdown-item"><i class="zmdi zmdi-email-open text-success" aria-hidden="true"></i> Messages</a>
                                    <a href="#" class="dropdown-item"><i class="ti-settings text-default" aria-hidden="true"></i> Account settings</a>
                                    <a href="#" class="dropdown-item"><i class="ti-heart text-purple" aria-hidden="true"></i> Support</a>
                                    <a href="#" class="dropdown-item"><i class="ti-unlink text-warning" aria-hidden="true"></i> Sign-out</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>

            <!-- Main Content Area -->
            <div class="main-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body pb-0">
                                    <div class="row">
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-3d-rotation"></i>
                                                <span class="text-muted">zmdi zmdi-3d-rotation</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airplane-off"></i>
                                                <span class="text-muted">zmdi zmdi-airplane-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airplane"></i>
                                                <span class="text-muted">zmdi zmdi-airplane</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-album"></i>
                                                <span class="text-muted">zmdi zmdi-album</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-archive"></i>
                                                <span class="text-muted">zmdi zmdi-archive</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-account"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-account</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-alert"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-check"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-o"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-return"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-return</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment-returned"></i>
                                                <span class="text-muted">zmdi zmdi-assignment-returned</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-assignment"></i>
                                                <span class="text-muted">zmdi zmdi-assignment</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-attachment-alt"></i>
                                                <span class="text-muted">zmdi zmdi-attachment-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-attachment"></i>
                                                <span class="text-muted">zmdi zmdi-attachment</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-audio"></i>
                                                <span class="text-muted">zmdi zmdi-audio</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-badge-check"></i>
                                                <span class="text-muted">zmdi zmdi-badge-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-balance-wallet"></i>
                                                <span class="text-muted">zmdi zmdi-balance-wallet</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-balance"></i>
                                                <span class="text-muted">zmdi zmdi-balance</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-battery-alert"></i>
                                                <span class="text-muted">zmdi zmdi-battery-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-battery-flash"></i>
                                                <span class="text-muted">zmdi zmdi-battery-flash</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-battery-unknown"></i>
                                                <span class="text-muted">zmdi zmdi-battery-unknown</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-battery"></i>
                                                <span class="text-muted">zmdi zmdi-battery</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bike"></i>
                                                <span class="text-muted">zmdi zmdi-bike</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-block-alt"></i>
                                                <span class="text-muted">zmdi zmdi-block-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-block"></i>
                                                <span class="text-muted">zmdi zmdi-block</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-boat"></i>
                                                <span class="text-muted">zmdi zmdi-boat</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-book-image"></i>
                                                <span class="text-muted">zmdi zmdi-book-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-book"></i>
                                                <span class="text-muted">zmdi zmdi-book</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bookmark-outline"></i>
                                                <span class="text-muted">zmdi zmdi-bookmark-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bookmark"></i>
                                                <span class="text-muted">zmdi zmdi-bookmark</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brush"></i>
                                                <span class="text-muted">zmdi zmdi-brush</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bug"></i>
                                                <span class="text-muted">zmdi zmdi-bug</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bus"></i>
                                                <span class="text-muted">zmdi zmdi-bus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cake"></i>
                                                <span class="text-muted">zmdi zmdi-cake</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-car-taxi"></i>
                                                <span class="text-muted">zmdi zmdi-car-taxi</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-car-wash"></i>
                                                <span class="text-muted">zmdi zmdi-car-wash</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-car"></i>
                                                <span class="text-muted">zmdi zmdi-car</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-giftcard"></i>
                                                <span class="text-muted">zmdi zmdi-card-giftcard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-membership"></i>
                                                <span class="text-muted">zmdi zmdi-card-membership</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-travel"></i>
                                                <span class="text-muted">zmdi zmdi-card-travel</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card"></i>
                                                <span class="text-muted">zmdi zmdi-card</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-case-check"></i>
                                                <span class="text-muted">zmdi zmdi-case-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-case-download"></i>
                                                <span class="text-muted">zmdi zmdi-case-download</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-case-play"></i>
                                                <span class="text-muted">zmdi zmdi-case-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-case"></i>
                                                <span class="text-muted">zmdi zmdi-case</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cast-connected"></i>
                                                <span class="text-muted">zmdi zmdi-cast-connected</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cast"></i>
                                                <span class="text-muted">zmdi zmdi-cast</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-chart-donut"></i>
                                                <span class="text-muted">zmdi zmdi-chart-donut</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-chart"></i>
                                                <span class="text-muted">zmdi zmdi-chart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-city-alt"></i>
                                                <span class="text-muted">zmdi zmdi-city-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-city"></i>
                                                <span class="text-muted">zmdi zmdi-city</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-close-circle-o"></i>
                                                <span class="text-muted">zmdi zmdi-close-circle-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-close-circle"></i>
                                                <span class="text-muted">zmdi zmdi-close-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-close"></i>
                                                <span class="text-muted">zmdi zmdi-close</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cocktail"></i>
                                                <span class="text-muted">zmdi zmdi-cocktail</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-code-setting"></i>
                                                <span class="text-muted">zmdi zmdi-code-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-code-smartphone"></i>
                                                <span class="text-muted">zmdi zmdi-code-smartphone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-code"></i>
                                                <span class="text-muted">zmdi zmdi-code</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-coffee"></i>
                                                <span class="text-muted">zmdi zmdi-coffee</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-bookmark"></i>
                                                <span class="text-muted">zmdi zmdi-collection-bookmark</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-case-play"></i>
                                                <span class="text-muted">zmdi zmdi-collection-case-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-folder-image"></i>
                                                <span class="text-muted">zmdi zmdi-collection-folder-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-image-o"></i>
                                                <span class="text-muted">zmdi zmdi-collection-image-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-image"></i>
                                                <span class="text-muted">zmdi zmdi-collection-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-1"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-1</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-2"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-3"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-4"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-4</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-5"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-6"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-6</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-7"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-7</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-8"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-8</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-9-plus"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-9-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item-9"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item-9</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-item"></i>
                                                <span class="text-muted">zmdi zmdi-collection-item</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-music"></i>
                                                <span class="text-muted">zmdi zmdi-collection-music</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-pdf"></i>
                                                <span class="text-muted">zmdi zmdi-collection-pdf</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-plus"></i>
                                                <span class="text-muted">zmdi zmdi-collection-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-speaker"></i>
                                                <span class="text-muted">zmdi zmdi-collection-speaker</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-text"></i>
                                                <span class="text-muted">zmdi zmdi-collection-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-collection-video"></i>
                                                <span class="text-muted">zmdi zmdi-collection-video</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-compass"></i>
                                                <span class="text-muted">zmdi zmdi-compass</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cutlery"></i>
                                                <span class="text-muted">zmdi zmdi-cutlery</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-delete"></i>
                                                <span class="text-muted">zmdi zmdi-delete</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dialpad"></i>
                                                <span class="text-muted">zmdi zmdi-dialpad</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dns"></i>
                                                <span class="text-muted">zmdi zmdi-dns</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-drink"></i>
                                                <span class="text-muted">zmdi zmdi-drink</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-edit"></i>
                                                <span class="text-muted">zmdi zmdi-edit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-email-open"></i>
                                                <span class="text-muted">zmdi zmdi-email-open</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-email"></i>
                                                <span class="text-muted">zmdi zmdi-email</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-eye-off"></i>
                                                <span class="text-muted">zmdi zmdi-eye-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-eye"></i>
                                                <span class="text-muted">zmdi zmdi-eye</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-eyedropper"></i>
                                                <span class="text-muted">zmdi zmdi-eyedropper</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-favorite-outline"></i>
                                                <span class="text-muted">zmdi zmdi-favorite-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-favorite"></i>
                                                <span class="text-muted">zmdi zmdi-favorite</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-filter-list"></i>
                                                <span class="text-muted">zmdi zmdi-filter-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fire"></i>
                                                <span class="text-muted">zmdi zmdi-fire</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flag"></i>
                                                <span class="text-muted">zmdi zmdi-flag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flare"></i>
                                                <span class="text-muted">zmdi zmdi-flare</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flash-auto"></i>
                                                <span class="text-muted">zmdi zmdi-flash-auto</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flash-off"></i>
                                                <span class="text-muted">zmdi zmdi-flash-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flash"></i>
                                                <span class="text-muted">zmdi zmdi-flash</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flip"></i>
                                                <span class="text-muted">zmdi zmdi-flip</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flower-alt"></i>
                                                <span class="text-muted">zmdi zmdi-flower-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flower"></i>
                                                <span class="text-muted">zmdi zmdi-flower</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-font"></i>
                                                <span class="text-muted">zmdi zmdi-font</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fullscreen-alt"></i>
                                                <span class="text-muted">zmdi zmdi-fullscreen-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fullscreen-exit"></i>
                                                <span class="text-muted">zmdi zmdi-fullscreen-exit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fullscreen"></i>
                                                <span class="text-muted">zmdi zmdi-fullscreen</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-functions"></i>
                                                <span class="text-muted">zmdi zmdi-functions</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gas-station"></i>
                                                <span class="text-muted">zmdi zmdi-gas-station</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gesture"></i>
                                                <span class="text-muted">zmdi zmdi-gesture</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-globe-alt"></i>
                                                <span class="text-muted">zmdi zmdi-globe-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-globe-lock"></i>
                                                <span class="text-muted">zmdi zmdi-globe-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-globe"></i>
                                                <span class="text-muted">zmdi zmdi-globe</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-graduation-cap"></i>
                                                <span class="text-muted">zmdi zmdi-graduation-cap</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-group"></i>
                                                <span class="text-muted">zmdi zmdi-group</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-home"></i>
                                                <span class="text-muted">zmdi zmdi-home</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hospital-alt"></i>
                                                <span class="text-muted">zmdi zmdi-hospital-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hospital"></i>
                                                <span class="text-muted">zmdi zmdi-hospital</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hotel"></i>
                                                <span class="text-muted">zmdi zmdi-hotel</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hourglass-alt"></i>
                                                <span class="text-muted">zmdi zmdi-hourglass-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hourglass-outline"></i>
                                                <span class="text-muted">zmdi zmdi-hourglass-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hourglass"></i>
                                                <span class="text-muted">zmdi zmdi-hourglass</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-http"></i>
                                                <span class="text-muted">zmdi zmdi-http</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-image-alt"></i>
                                                <span class="text-muted">zmdi zmdi-image-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-image-o"></i>
                                                <span class="text-muted">zmdi zmdi-image-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-image"></i>
                                                <span class="text-muted">zmdi zmdi-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-inbox"></i>
                                                <span class="text-muted">zmdi zmdi-inbox</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-invert-colors-off"></i>
                                                <span class="text-muted">zmdi zmdi-invert-colors-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-invert-colors"></i>
                                                <span class="text-muted">zmdi zmdi-invert-colors</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-key"></i>
                                                <span class="text-muted">zmdi zmdi-key</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-label-alt-outline"></i>
                                                <span class="text-muted">zmdi zmdi-label-alt-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-label-alt"></i>
                                                <span class="text-muted">zmdi zmdi-label-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-label-heart"></i>
                                                <span class="text-muted">zmdi zmdi-label-heart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-label"></i>
                                                <span class="text-muted">zmdi zmdi-label</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-labels"></i>
                                                <span class="text-muted">zmdi zmdi-labels</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-lamp"></i>
                                                <span class="text-muted">zmdi zmdi-lamp</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-landscape"></i>
                                                <span class="text-muted">zmdi zmdi-landscape</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-layers-off"></i>
                                                <span class="text-muted">zmdi zmdi-layers-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-layers"></i>
                                                <span class="text-muted">zmdi zmdi-layers</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-library"></i>
                                                <span class="text-muted">zmdi zmdi-library</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-link"></i>
                                                <span class="text-muted">zmdi zmdi-link</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-lock-open"></i>
                                                <span class="text-muted">zmdi zmdi-lock-open</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-lock-outline"></i>
                                                <span class="text-muted">zmdi zmdi-lock-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-lock"></i>
                                                <span class="text-muted">zmdi zmdi-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mail-reply-all"></i>
                                                <span class="text-muted">zmdi zmdi-mail-reply-all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mail-reply"></i>
                                                <span class="text-muted">zmdi zmdi-mail-reply</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mail-send"></i>
                                                <span class="text-muted">zmdi zmdi-mail-send</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mall"></i>
                                                <span class="text-muted">zmdi zmdi-mall</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-map"></i>
                                                <span class="text-muted">zmdi zmdi-map</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-menu"></i>
                                                <span class="text-muted">zmdi zmdi-menu</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-money-box"></i>
                                                <span class="text-muted">zmdi zmdi-money-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-money-off"></i>
                                                <span class="text-muted">zmdi zmdi-money-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-money"></i>
                                                <span class="text-muted">zmdi zmdi-money</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-more-vert"></i>
                                                <span class="text-muted">zmdi zmdi-more-vert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-more"></i>
                                                <span class="text-muted">zmdi zmdi-more</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-movie-alt"></i>
                                                <span class="text-muted">zmdi zmdi-movie-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-movie"></i>
                                                <span class="text-muted">zmdi zmdi-movie</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-nature-people"></i>
                                                <span class="text-muted">zmdi zmdi-nature-people</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-nature"></i>
                                                <span class="text-muted">zmdi zmdi-nature</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-navigation"></i>
                                                <span class="text-muted">zmdi zmdi-navigation</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-open-in-browser"></i>
                                                <span class="text-muted">zmdi zmdi-open-in-browser</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-open-in-new"></i>
                                                <span class="text-muted">zmdi zmdi-open-in-new</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-palette"></i>
                                                <span class="text-muted">zmdi zmdi-palette</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-parking"></i>
                                                <span class="text-muted">zmdi zmdi-parking</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin-account"></i>
                                                <span class="text-muted">zmdi zmdi-pin-account</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin-assistant"></i>
                                                <span class="text-muted">zmdi zmdi-pin-assistant</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin-drop"></i>
                                                <span class="text-muted">zmdi zmdi-pin-drop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin-help"></i>
                                                <span class="text-muted">zmdi zmdi-pin-help</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin-off"></i>
                                                <span class="text-muted">zmdi zmdi-pin-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pin"></i>
                                                <span class="text-muted">zmdi zmdi-pin</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pizza"></i>
                                                <span class="text-muted">zmdi zmdi-pizza</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plaster"></i>
                                                <span class="text-muted">zmdi zmdi-plaster</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-power-setting"></i>
                                                <span class="text-muted">zmdi zmdi-power-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-power"></i>
                                                <span class="text-muted">zmdi zmdi-power</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-print"></i>
                                                <span class="text-muted">zmdi zmdi-print</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-puzzle-piece"></i>
                                                <span class="text-muted">zmdi zmdi-puzzle-piece</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-quote"></i>
                                                <span class="text-muted">zmdi zmdi-quote</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-railway"></i>
                                                <span class="text-muted">zmdi zmdi-railway</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-receipt"></i>
                                                <span class="text-muted">zmdi zmdi-receipt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-refresh-alt"></i>
                                                <span class="text-muted">zmdi zmdi-refresh-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-refresh-sync-alert"></i>
                                                <span class="text-muted">zmdi zmdi-refresh-sync-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-refresh-sync-off"></i>
                                                <span class="text-muted">zmdi zmdi-refresh-sync-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-refresh-sync"></i>
                                                <span class="text-muted">zmdi zmdi-refresh-sync</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-refresh"></i>
                                                <span class="text-muted">zmdi zmdi-refresh</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-roller"></i>
                                                <span class="text-muted">zmdi zmdi-roller</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-ruler"></i>
                                                <span class="text-muted">zmdi zmdi-ruler</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-scissors"></i>
                                                <span class="text-muted">zmdi zmdi-scissors</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-screen-rotation-lock"></i>
                                                <span class="text-muted">zmdi zmdi-screen-rotation-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-screen-rotation"></i>
                                                <span class="text-muted">zmdi zmdi-screen-rotation</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-search-for"></i>
                                                <span class="text-muted">zmdi zmdi-search-for</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-search-in-file"></i>
                                                <span class="text-muted">zmdi zmdi-search-in-file</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-search-in-page"></i>
                                                <span class="text-muted">zmdi zmdi-search-in-page</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-search-replace"></i>
                                                <span class="text-muted">zmdi zmdi-search-replace</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-search"></i>
                                                <span class="text-muted">zmdi zmdi-search</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-seat"></i>
                                                <span class="text-muted">zmdi zmdi-seat</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-settings-square"></i>
                                                <span class="text-muted">zmdi zmdi-settings-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-settings"></i>
                                                <span class="text-muted">zmdi zmdi-settings</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shape"></i>
                                                <span class="text-muted">zmdi zmdi-shape</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shield-check"></i>
                                                <span class="text-muted">zmdi zmdi-shield-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shield-security"></i>
                                                <span class="text-muted">zmdi zmdi-shield-security</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shopping-basket"></i>
                                                <span class="text-muted">zmdi zmdi-shopping-basket</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shopping-cart-plus"></i>
                                                <span class="text-muted">zmdi zmdi-shopping-cart-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shopping-cart"></i>
                                                <span class="text-muted">zmdi zmdi-shopping-cart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sign-in"></i>
                                                <span class="text-muted">zmdi zmdi-sign-in</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sort-amount-asc"></i>
                                                <span class="text-muted">zmdi zmdi-sort-amount-asc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sort-amount-desc"></i>
                                                <span class="text-muted">zmdi zmdi-sort-amount-desc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sort-asc"></i>
                                                <span class="text-muted">zmdi zmdi-sort-asc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sort-desc"></i>
                                                <span class="text-muted">zmdi zmdi-sort-desc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-spellcheck"></i>
                                                <span class="text-muted">zmdi zmdi-spellcheck</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-spinner"></i>
                                                <span class="text-muted">zmdi zmdi-spinner</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-storage"></i>
                                                <span class="text-muted">zmdi zmdi-storage</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-store-24"></i>
                                                <span class="text-muted">zmdi zmdi-store-24</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-store"></i>
                                                <span class="text-muted">zmdi zmdi-store</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-subway"></i>
                                                <span class="text-muted">zmdi zmdi-subway</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sun"></i>
                                                <span class="text-muted">zmdi zmdi-sun</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tab-unselected"></i>
                                                <span class="text-muted">zmdi zmdi-tab-unselected</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tab"></i>
                                                <span class="text-muted">zmdi zmdi-tab</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tag-close"></i>
                                                <span class="text-muted">zmdi zmdi-tag-close</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tag-more"></i>
                                                <span class="text-muted">zmdi zmdi-tag-more</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tag"></i>
                                                <span class="text-muted">zmdi zmdi-tag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-thumb-down"></i>
                                                <span class="text-muted">zmdi zmdi-thumb-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-thumb-up-down"></i>
                                                <span class="text-muted">zmdi zmdi-thumb-up-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-thumb-up"></i>
                                                <span class="text-muted">zmdi zmdi-thumb-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-ticket-star"></i>
                                                <span class="text-muted">zmdi zmdi-ticket-star</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-toll"></i>
                                                <span class="text-muted">zmdi zmdi-toll</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-toys"></i>
                                                <span class="text-muted">zmdi zmdi-toys</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-traffic"></i>
                                                <span class="text-muted">zmdi zmdi-traffic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-translate"></i>
                                                <span class="text-muted">zmdi zmdi-translate</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-triangle-down"></i>
                                                <span class="text-muted">zmdi zmdi-triangle-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-triangle-up"></i>
                                                <span class="text-muted">zmdi zmdi-triangle-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-truck"></i>
                                                <span class="text-muted">zmdi zmdi-truck</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-turning-sign"></i>
                                                <span class="text-muted">zmdi zmdi-turning-sign</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-ungroup"></i>
                                                <span class="text-muted">zmdi zmdi-ungroup</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wallpaper"></i>
                                                <span class="text-muted">zmdi zmdi-wallpaper</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-washing-machine"></i>
                                                <span class="text-muted">zmdi zmdi-washing-machine</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-window-maximize"></i>
                                                <span class="text-muted">zmdi zmdi-window-maximize</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-window-minimize"></i>
                                                <span class="text-muted">zmdi zmdi-window-minimize</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-window-restore"></i>
                                                <span class="text-muted">zmdi zmdi-window-restore</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wrench"></i>
                                                <span class="text-muted">zmdi zmdi-wrench</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-zoom-in"></i>
                                                <span class="text-muted">zmdi zmdi-zoom-in</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-zoom-out"></i>
                                                <span class="text-muted">zmdi zmdi-zoom-out</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alert-circle-o"></i>
                                                <span class="text-muted">zmdi zmdi-alert-circle-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alert-circle"></i>
                                                <span class="text-muted">zmdi zmdi-alert-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alert-octagon"></i>
                                                <span class="text-muted">zmdi zmdi-alert-octagon</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alert-polygon"></i>
                                                <span class="text-muted">zmdi zmdi-alert-polygon</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alert-triangle"></i>
                                                <span class="text-muted">zmdi zmdi-alert-triangle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-help-outline"></i>
                                                <span class="text-muted">zmdi zmdi-help-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-help"></i>
                                                <span class="text-muted">zmdi zmdi-help</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-info-outline"></i>
                                                <span class="text-muted">zmdi zmdi-info-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-info"></i>
                                                <span class="text-muted">zmdi zmdi-info</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications-active"></i>
                                                <span class="text-muted">zmdi zmdi-notifications-active</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications-add"></i>
                                                <span class="text-muted">zmdi zmdi-notifications-add</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications-none"></i>
                                                <span class="text-muted">zmdi zmdi-notifications-none</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications-off"></i>
                                                <span class="text-muted">zmdi zmdi-notifications-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications-paused"></i>
                                                <span class="text-muted">zmdi zmdi-notifications-paused</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-notifications"></i>
                                                <span class="text-muted">zmdi zmdi-notifications</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-add"></i>
                                                <span class="text-muted">zmdi zmdi-account-add</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-box-mail"></i>
                                                <span class="text-muted">zmdi zmdi-account-box-mail</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-box-o"></i>
                                                <span class="text-muted">zmdi zmdi-account-box-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-box-phone"></i>
                                                <span class="text-muted">zmdi zmdi-account-box-phone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-box"></i>
                                                <span class="text-muted">zmdi zmdi-account-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-calendar"></i>
                                                <span class="text-muted">zmdi zmdi-account-calendar</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-circle"></i>
                                                <span class="text-muted">zmdi zmdi-account-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account-o"></i>
                                                <span class="text-muted">zmdi zmdi-account-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-account"></i>
                                                <span class="text-muted">zmdi zmdi-account</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts-add"></i>
                                                <span class="text-muted">zmdi zmdi-accounts-add</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts-alt"></i>
                                                <span class="text-muted">zmdi zmdi-accounts-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts-list-alt"></i>
                                                <span class="text-muted">zmdi zmdi-accounts-list-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts-list"></i>
                                                <span class="text-muted">zmdi zmdi-accounts-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts-outline"></i>
                                                <span class="text-muted">zmdi zmdi-accounts-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-accounts"></i>
                                                <span class="text-muted">zmdi zmdi-accounts</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-face"></i>
                                                <span class="text-muted">zmdi zmdi-face</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-female"></i>
                                                <span class="text-muted">zmdi zmdi-female</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-male-alt"></i>
                                                <span class="text-muted">zmdi zmdi-male-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-male-female"></i>
                                                <span class="text-muted">zmdi zmdi-male-female</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-male"></i>
                                                <span class="text-muted">zmdi zmdi-male</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mood-bad"></i>
                                                <span class="text-muted">zmdi zmdi-mood-bad</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mood"></i>
                                                <span class="text-muted">zmdi zmdi-mood</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-run"></i>
                                                <span class="text-muted">zmdi zmdi-run</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-walk"></i>
                                                <span class="text-muted">zmdi zmdi-walk</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-box"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-circle"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-done"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-done</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-download"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-download</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-off"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-outline-alt"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-outline-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-outline"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud-upload"></i>
                                                <span class="text-muted">zmdi zmdi-cloud-upload</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-cloud"></i>
                                                <span class="text-muted">zmdi zmdi-cloud</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-download"></i>
                                                <span class="text-muted">zmdi zmdi-download</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-file-plus"></i>
                                                <span class="text-muted">zmdi zmdi-file-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-file-text"></i>
                                                <span class="text-muted">zmdi zmdi-file-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-file"></i>
                                                <span class="text-muted">zmdi zmdi-files</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-folder-outline"></i>
                                                <span class="text-muted">zmdi zmdi-folder-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-folder-person"></i>
                                                <span class="text-muted">zmdi zmdi-folder-person</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-folder-star-alt"></i>
                                                <span class="text-muted">zmdi zmdi-folder-star-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-folder-star"></i>
                                                <span class="text-muted">zmdi zmdi-folder-star</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-folder"></i>
                                                <span class="text-muted">zmdi zmdi-folder</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gif"></i>
                                                <span class="text-muted">zmdi zmdi-gif</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-upload"></i>
                                                <span class="text-muted">zmdi zmdi-upload</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--all"></i>
                                                <span class="text-muted">zmdi zmdi--all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--bottom"></i>
                                                <span class="text-muted">zmdi zmdi--bottom</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--clear"></i>
                                                <span class="text-muted">zmdi zmdi--clear</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--color"></i>
                                                <span class="text-muted">zmdi zmdi--color</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--horizontal"></i>
                                                <span class="text-muted">zmdi zmdi--horizontal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--inner"></i>
                                                <span class="text-muted">zmdi zmdi--inner</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--left"></i>
                                                <span class="text-muted">zmdi zmdi--left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--outer"></i>
                                                <span class="text-muted">zmdi zmdi--outer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--right"></i>
                                                <span class="text-muted">zmdi zmdi--right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--style"></i>
                                                <span class="text-muted">zmdi zmdi--style</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--top"></i>
                                                <span class="text-muted">zmdi zmdi--top</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi--vertical"></i>
                                                <span class="text-muted">zmdi zmdi--vertical</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-copy"></i>
                                                <span class="text-muted">zmdi zmdi-copy</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop"></i>
                                                <span class="text-muted">zmdi zmdi-crop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-align-center"></i>
                                                <span class="text-muted">zmdi zmdi-format-align-center</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-align-justify"></i>
                                                <span class="text-muted">zmdi zmdi-format-align-justify</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-align-left"></i>
                                                <span class="text-muted">zmdi zmdi-format-align-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-align-right"></i>
                                                <span class="text-muted">zmdi zmdi-format-align-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-bold"></i>
                                                <span class="text-muted">zmdi zmdi-format-bold</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-clear-all"></i>
                                                <span class="text-muted">zmdi zmdi-format-clear-all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-clear"></i>
                                                <span class="text-muted">zmdi zmdi-format-clear</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-color-fill"></i>
                                                <span class="text-muted">zmdi zmdi-format-color-fill</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-color-reset"></i>
                                                <span class="text-muted">zmdi zmdi-format-color-reset</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-color-text"></i>
                                                <span class="text-muted">zmdi zmdi-format-color-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-indent-decrease"></i>
                                                <span class="text-muted">zmdi zmdi-format-indent-decrease</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-indent-increase"></i>
                                                <span class="text-muted">zmdi zmdi-format-indent-increase</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-italic"></i>
                                                <span class="text-muted">zmdi zmdi-format-italic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-line-spacing"></i>
                                                <span class="text-muted">zmdi zmdi-format-line-spacing</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-list-bulleted"></i>
                                                <span class="text-muted">zmdi zmdi-format-list-bulleted</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-list-numbered"></i>
                                                <span class="text-muted">zmdi zmdi-format-list-numbered</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-ltr"></i>
                                                <span class="text-muted">zmdi zmdi-format-ltr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-rtl"></i>
                                                <span class="text-muted">zmdi zmdi-format-rtl</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-size"></i>
                                                <span class="text-muted">zmdi zmdi-format-size</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-strikethrough-s"></i>
                                                <span class="text-muted">zmdi zmdi-format-strikethrough-s</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-strikethrough"></i>
                                                <span class="text-muted">zmdi zmdi-format-strikethrough</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-subject"></i>
                                                <span class="text-muted">zmdi zmdi-format-subject</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-underlined"></i>
                                                <span class="text-muted">zmdi zmdi-format-underlined</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-valign-bottom"></i>
                                                <span class="text-muted">zmdi zmdi-format-valign-bottom</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-valign-center"></i>
                                                <span class="text-muted">zmdi zmdi-format-valign-center</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-format-valign-top"></i>
                                                <span class="text-muted">zmdi zmdi-format-valign-top</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-redo"></i>
                                                <span class="text-muted">zmdi zmdi-redo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-select-all"></i>
                                                <span class="text-muted">zmdi zmdi-select-all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-space-bar"></i>
                                                <span class="text-muted">zmdi zmdi-space-bar</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-text-format"></i>
                                                <span class="text-muted">zmdi zmdi-text-format</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-transform"></i>
                                                <span class="text-muted">zmdi zmdi-transform</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-undo"></i>
                                                <span class="text-muted">zmdi zmdi-undo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wrap-text"></i>
                                                <span class="text-muted">zmdi zmdi-wrap-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-alert"></i>
                                                <span class="text-muted">zmdi zmdi-comment-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-alt-text"></i>
                                                <span class="text-muted">zmdi zmdi-comment-alt-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-alt"></i>
                                                <span class="text-muted">zmdi zmdi-comment-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-edit"></i>
                                                <span class="text-muted">zmdi zmdi-comment-edit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-image"></i>
                                                <span class="text-muted">zmdi zmdi-comment-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-list"></i>
                                                <span class="text-muted">zmdi zmdi-comment-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-more"></i>
                                                <span class="text-muted">zmdi zmdi-comment-more</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-outline"></i>
                                                <span class="text-muted">zmdi zmdi-comment-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-text-alt"></i>
                                                <span class="text-muted">zmdi zmdi-comment-text-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-text"></i>
                                                <span class="text-muted">zmdi zmdi-comment-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment-video"></i>
                                                <span class="text-muted">zmdi zmdi-comment-video</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comment"></i>
                                                <span class="text-muted">zmdi zmdi-comment</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-comments"></i>
                                                <span class="text-muted">zmdi zmdi-comments</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-check-all"></i>
                                                <span class="text-muted">zmdi zmdi-check-all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-check-circle-u"></i>
                                                <span class="text-muted">zmdi zmdi-check-circle-u</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-check-circle"></i>
                                                <span class="text-muted">zmdi zmdi-check-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-check-square"></i>
                                                <span class="text-muted">zmdi zmdi-check-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-check"></i>
                                                <span class="text-muted">zmdi zmdi-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-circle-o"></i>
                                                <span class="text-muted">zmdi zmdi-circle-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-circle"></i>
                                                <span class="text-muted">zmdi zmdi-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dot-circle-alt"></i>
                                                <span class="text-muted">zmdi zmdi-dot-circle-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dot-circle"></i>
                                                <span class="text-muted">zmdi zmdi-dot-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-minus-circle-outline"></i>
                                                <span class="text-muted">zmdi zmdi-minus-circle-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-minus-circle"></i>
                                                <span class="text-muted">zmdi zmdi-minus-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-minus-square"></i>
                                                <span class="text-muted">zmdi zmdi-minus-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-minus"></i>
                                                <span class="text-muted">zmdi zmdi-minus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-circle-o-duplicate"></i>
                                                <span class="text-muted">zmdi zmdi-plus-circle-o-duplicate</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-circle-o"></i>
                                                <span class="text-muted">zmdi zmdi-plus-circle-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-circle"></i>
                                                <span class="text-muted">zmdi zmdi-plus-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-square"></i>
                                                <span class="text-muted">zmdi zmdi-plus-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus"></i>
                                                <span class="text-muted">zmdi zmdi-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-square-o"></i>
                                                <span class="text-muted">zmdi zmdi-square-o</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-star-circle"></i>
                                                <span class="text-muted">zmdi zmdi-star-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-star-half"></i>
                                                <span class="text-muted">zmdi zmdi-star-half</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-star-outline"></i>
                                                <span class="text-muted">zmdi zmdi-star-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-star"></i>
                                                <span class="text-muted">zmdi zmdi-star</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bluetooth-connected"></i>
                                                <span class="text-muted">zmdi zmdi-bluetooth-connected</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bluetooth-off"></i>
                                                <span class="text-muted">zmdi zmdi-bluetooth-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bluetooth-search"></i>
                                                <span class="text-muted">zmdi zmdi-bluetooth-search</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bluetooth-setting"></i>
                                                <span class="text-muted">zmdi zmdi-bluetooth-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-bluetooth"></i>
                                                <span class="text-muted">zmdi zmdi-bluetooth</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-add"></i>
                                                <span class="text-muted">zmdi zmdi-camera-add</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-alt"></i>
                                                <span class="text-muted">zmdi zmdi-camera-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-bw"></i>
                                                <span class="text-muted">zmdi zmdi-camera-bw</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-front"></i>
                                                <span class="text-muted">zmdi zmdi-camera-front</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-mic"></i>
                                                <span class="text-muted">zmdi zmdi-camera-mic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-party-mode"></i>
                                                <span class="text-muted">zmdi zmdi-camera-party-mode</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-rear"></i>
                                                <span class="text-muted">zmdi zmdi-camera-rear</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-roll"></i>
                                                <span class="text-muted">zmdi zmdi-camera-roll</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera-switch"></i>
                                                <span class="text-muted">zmdi zmdi-camera-switch</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-camera"></i>
                                                <span class="text-muted">zmdi zmdi-camera</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-alert"></i>
                                                <span class="text-muted">zmdi zmdi-card-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-off"></i>
                                                <span class="text-muted">zmdi zmdi-card-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-sd"></i>
                                                <span class="text-muted">zmdi zmdi-card-sd</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-card-sim"></i>
                                                <span class="text-muted">zmdi zmdi-card-sim</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-desktop-mac"></i>
                                                <span class="text-muted">zmdi zmdi-desktop-mac</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-desktop-windows"></i>
                                                <span class="text-muted">zmdi zmdi-desktop-windows</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-device-hub"></i>
                                                <span class="text-muted">zmdi zmdi-device-hub</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-devices-off"></i>
                                                <span class="text-muted">zmdi zmdi-devices-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-devices"></i>
                                                <span class="text-muted">zmdi zmdi-devices</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dock"></i>
                                                <span class="text-muted">zmdi zmdi-dock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-floppy"></i>
                                                <span class="text-muted">zmdi zmdi-floppy</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gamepad"></i>
                                                <span class="text-muted">zmdi zmdi-gamepad</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gps-dot"></i>
                                                <span class="text-muted">zmdi zmdi-gps-dot</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gps-off"></i>
                                                <span class="text-muted">zmdi zmdi-gps-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gps"></i>
                                                <span class="text-muted">zmdi zmdi-gps</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-headset-mic"></i>
                                                <span class="text-muted">zmdi zmdi-headset-mic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-headset"></i>
                                                <span class="text-muted">zmdi zmdi-headset</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-input-antenna"></i>
                                                <span class="text-muted">zmdi zmdi-input-antenna</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-input-composite"></i>
                                                <span class="text-muted">zmdi zmdi-input-composite</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-input-hdmi"></i>
                                                <span class="text-muted">zmdi zmdi-input-hdmi</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-input-power"></i>
                                                <span class="text-muted">zmdi zmdi-input-power</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-input-svideo"></i>
                                                <span class="text-muted">zmdi zmdi-input-svideo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-keyboard-hide"></i>
                                                <span class="text-muted">zmdi zmdi-keyboard-hide</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-keyboard"></i>
                                                <span class="text-muted">zmdi zmdi-keyboard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-laptop-chromebook"></i>
                                                <span class="text-muted">zmdi zmdi-laptop-chromebook</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-laptop-mac"></i>
                                                <span class="text-muted">zmdi zmdi-laptop-mac</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-laptop"></i>
                                                <span class="text-muted">zmdi zmdi-laptop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mic-off"></i>
                                                <span class="text-muted">zmdi zmdi-mic-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mic-outline"></i>
                                                <span class="text-muted">zmdi zmdi-mic-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mic-setting"></i>
                                                <span class="text-muted">zmdi zmdi-mic-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mic"></i>
                                                <span class="text-muted">zmdi zmdi-mic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-mouse"></i>
                                                <span class="text-muted">zmdi zmdi-mouse</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network-alert"></i>
                                                <span class="text-muted">zmdi zmdi-network-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network-locked"></i>
                                                <span class="text-muted">zmdi zmdi-network-locked</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network-off"></i>
                                                <span class="text-muted">zmdi zmdi-network-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network-outline"></i>
                                                <span class="text-muted">zmdi zmdi-network-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network-setting"></i>
                                                <span class="text-muted">zmdi zmdi-network-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-network"></i>
                                                <span class="text-muted">zmdi zmdi-network</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-bluetooth"></i>
                                                <span class="text-muted">zmdi zmdi-phone-bluetooth</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-end"></i>
                                                <span class="text-muted">zmdi zmdi-phone-end</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-forwarded"></i>
                                                <span class="text-muted">zmdi zmdi-phone-forwarded</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-in-talk"></i>
                                                <span class="text-muted">zmdi zmdi-phone-in-talk</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-locked"></i>
                                                <span class="text-muted">zmdi zmdi-phone-locked</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-missed"></i>
                                                <span class="text-muted">zmdi zmdi-phone-missed</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-msg"></i>
                                                <span class="text-muted">zmdi zmdi-phone-msg</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-paused"></i>
                                                <span class="text-muted">zmdi zmdi-phone-paused</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-ring"></i>
                                                <span class="text-muted">zmdi zmdi-phone-ring</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-setting"></i>
                                                <span class="text-muted">zmdi zmdi-phone-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone-sip"></i>
                                                <span class="text-muted">zmdi zmdi-phone-sip</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-phone"></i>
                                                <span class="text-muted">zmdi zmdi-phone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-portable-wifi-changes"></i>
                                                <span class="text-muted">zmdi zmdi-portable-wifi-changes</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-portable-wifi-off"></i>
                                                <span class="text-muted">zmdi zmdi-portable-wifi-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-portable-wifi"></i>
                                                <span class="text-muted">zmdi zmdi-portable-wifi</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-radio"></i>
                                                <span class="text-muted">zmdi zmdi-radio</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-reader"></i>
                                                <span class="text-muted">zmdi zmdi-reader</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-remote-control-alt"></i>
                                                <span class="text-muted">zmdi zmdi-remote-control-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-remote-control"></i>
                                                <span class="text-muted">zmdi zmdi-remote-control</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-router"></i>
                                                <span class="text-muted">zmdi zmdi-router</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-scanner"></i>
                                                <span class="text-muted">zmdi zmdi-scanner</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-android"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-android</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-download"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-download</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-erase"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-erase</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-info"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-info</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-iphone"></i>
                                                <span class="text-muted">zmdi zmdi-zmdi-smartphone-iphone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-landscape-lock"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-landscape-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-landscape"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-landscape</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-lock"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-portrait-lock"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-portrait-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-ring"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-ring</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-setting"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone-setup"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone-setup</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-smartphone"></i>
                                                <span class="text-muted">zmdi zmdi-smartphone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-speaker"></i>
                                                <span class="text-muted">zmdi zmdi-speaker</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tablet-android"></i>
                                                <span class="text-muted">zmdi zmdi-tablet-android</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tablet-mac"></i>
                                                <span class="text-muted">zmdi zmdi-tablet-mac</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tablet"></i>
                                                <span class="text-muted">zmdi zmdi-tablet</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tv-alt-play"></i>
                                                <span class="text-muted">zmdi zmdi-tv-alt-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tv-list"></i>
                                                <span class="text-muted">zmdi zmdi-tv-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tv-play"></i>
                                                <span class="text-muted">zmdi zmdi-tv-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tv"></i>
                                                <span class="text-muted">zmdi zmdi-tv</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-usb"></i>
                                                <span class="text-muted">zmdi zmdi-usb</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-videocam-off"></i>
                                                <span class="text-muted">zmdi zmdi-videocam-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-videocam-switch"></i>
                                                <span class="text-muted">zmdi zmdi-videocam-switch</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-videocam"></i>
                                                <span class="text-muted">zmdi zmdi-videocam</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-watch"></i>
                                                <span class="text-muted">zmdi zmdi-watch</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-alt-2"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-alt-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-alt"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-info"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-info</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-lock"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-off"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi-outline"></i>
                                                <span class="text-muted">zmdi zmdi-wifi-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wifi"></i>
                                                <span class="text-muted">zmdi zmdi-wifi</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-apps"></i>
                                                <span class="text-muted">zmdi zmdi-apps</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-grid-off"></i>
                                                <span class="text-muted">zmdi zmdi-grid-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-grid"></i>
                                                <span class="text-muted">zmdi zmdi-grid</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-agenda"></i>
                                                <span class="text-muted">zmdi zmdi-view-agenda</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-array"></i>
                                                <span class="text-muted">zmdi zmdi-view-array</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-carousel"></i>
                                                <span class="text-muted">zmdi zmdi-view-carousel</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-column"></i>
                                                <span class="text-muted">zmdi zmdi-view-column</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-comfy"></i>
                                                <span class="text-muted">zmdi zmdi-view-comfy</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-compact"></i>
                                                <span class="text-muted">zmdi zmdi-view-compact</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-dashboard"></i>
                                                <span class="text-muted">zmdi zmdi-view-dashboard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-day"></i>
                                                <span class="text-muted">zmdi zmdi-view-day</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-headline"></i>
                                                <span class="text-muted">zmdi zmdi-view-headline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-list-alt"></i>
                                                <span class="text-muted">zmdi zmdi-view-list-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-list"></i>
                                                <span class="text-muted">zmdi zmdi-view-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-module"></i>
                                                <span class="text-muted">zmdi zmdi-view-module</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-quilt"></i>
                                                <span class="text-muted">zmdi zmdi-view-quilt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-stream"></i>
                                                <span class="text-muted">zmdi zmdi-view-stream</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-subtitles"></i>
                                                <span class="text-muted">zmdi zmdi-view-subtitles</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-toc"></i>
                                                <span class="text-muted">zmdi zmdi-view-toc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-web"></i>
                                                <span class="text-muted">zmdi zmdi-view-web</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-view-week"></i>
                                                <span class="text-muted">zmdi zmdi-view-week</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-widgets"></i>
                                                <span class="text-muted">zmdi zmdi-widgets</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alarm-check"></i>
                                                <span class="text-muted">zmdi zmdi-alarm-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alarm-off"></i>
                                                <span class="text-muted">zmdi zmdi-alarm-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alarm-plus"></i>
                                                <span class="text-muted">zmdi zmdi-alarm-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alarm-snooze"></i>
                                                <span class="text-muted">zmdi zmdi-alarm-snooze</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-alarm"></i>
                                                <span class="text-muted">zmdi zmdi-calendar-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-calendar-check"></i>
                                                <span class="text-muted">zmdi zmdi-calendar-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-calendar-close"></i>
                                                <span class="text-muted">zmdi zmdi-calendar-close</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-calendar-note"></i>
                                                <span class="text-muted">zmdi zmdi-calendar-note</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-calendar"></i>
                                                <span class="text-muted">zmdi zmdi-calendar</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-time-countdown"></i>
                                                <span class="text-muted">zmdi zmdi-time-countdown</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-time-interval"></i>
                                                <span class="text-muted">zmdi zmdi-time-interval</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-time-restore-setting"></i>
                                                <span class="text-muted">zmdi zmdi-restore-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-time-restore"></i>
                                                <span class="text-muted">zmdi zmdi-time-restore</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-time"></i>
                                                <span class="text-muted">zmdi zmdi-time</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-timer-off"></i>
                                                <span class="text-muted">zmdi zmdi-timer-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-timer"></i>
                                                <span class="text-muted">zmdi zmdi-timer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-android-alt"></i>
                                                <span class="text-muted">zmdi zmdi-android-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-android"></i>
                                                <span class="text-muted">zmdi zmdi-android</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-apple"></i>
                                                <span class="text-muted">zmdi zmdi-apple</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-behance"></i>
                                                <span class="text-muted">zmdi zmdi-behance</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-codepen"></i>
                                                <span class="text-muted">zmdi zmdi-codepen</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-"></i>
                                                <span class="text-muted">zmdi zmdi-</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dribbble"></i>
                                                <span class="text-muted">zmdi zmdi-dribbble</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-dropbox"></i>
                                                <span class="text-muted">zmdi zmdi-dropbox</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-evernote"></i>
                                                <span class="text-muted">zmdi zmdi-evernote</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-facebook-box"></i>
                                                <span class="text-muted">zmdi zmdi-facebook-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-facebook"></i>
                                                <span class="text-muted">zmdi zmdi-facebook</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-github-box"></i>
                                                <span class="text-muted">zmdi zmdi-github-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-github"></i>
                                                <span class="text-muted">zmdi zmdi-github</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-drive"></i>
                                                <span class="text-muted">zmdi zmdi-google-drive</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-earth"></i>
                                                <span class="text-muted">zmdi zmdi-google-earth</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-glass"></i>
                                                <span class="text-muted">zmdi zmdi-google-glass</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-maps"></i>
                                                <span class="text-muted">zmdi zmdi-google-maps</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-pages"></i>
                                                <span class="text-muted">zmdi zmdi-google-pages</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-play"></i>
                                                <span class="text-muted">zmdi zmdi-google-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-plus-box"></i>
                                                <span class="text-muted">zmdi zmdi-google-plus-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-plus"></i>
                                                <span class="text-muted">zmdi zmdi-google-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google"></i>
                                                <span class="text-muted">zmdi zmdi-google</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-instagram"></i>
                                                <span class="text-muted">zmdi zmdi-instagram</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-language-css3"></i>
                                                <span class="text-muted">zmdi zmdi-language-css3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-language-html5"></i>
                                                <span class="text-muted">zmdi zmdi-language-html5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-language-javascript"></i>
                                                <span class="text-muted">zmdi zmdi-language-javascript</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-language-python-alt"></i>
                                                <span class="text-muted">zmdi zmdi-language-python-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-language-python"></i>
                                                <span class="text-muted">zmdi zmdi-language-python</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-lastfm"></i>
                                                <span class="text-muted">zmdi zmdi-lastfm</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-linkedin-box"></i>
                                                <span class="text-muted">zmdi zmdi-linkedin-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-paypal"></i>
                                                <span class="text-muted">zmdi zmdi-paypal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pinterest-box"></i>
                                                <span class="text-muted">zmdi zmdi-pinterest-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pocket"></i>
                                                <span class="text-muted">zmdi zmdi-pocket</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-polymer"></i>
                                                <span class="text-muted">zmdi zmdi-polymer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-rss"></i>
                                                <span class="text-muted">zmdi zmdi-rss</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-share"></i>
                                                <span class="text-muted">zmdi zmdi-share</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-stackoverflow"></i>
                                                <span class="text-muted">zmdi zmdi-stackoverflow</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-steam-square"></i>
                                                <span class="text-muted">zmdi zmdi-steam-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-steam"></i>
                                                <span class="text-muted">zmdi zmdi-steam</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-twitter-box"></i>
                                                <span class="text-muted">zmdi zmdi-twitter-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-twitter"></i>
                                                <span class="text-muted">zmdi zmdi-twitter</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-vk"></i>
                                                <span class="text-muted">zmdi zmdi-vk</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wikipedia"></i>
                                                <span class="text-muted">zmdi zmdi-wikipedia</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-windows"></i>
                                                <span class="text-muted">zmdi zmdi-windows</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-500px"></i>
                                                <span class="text-muted">zmdi zmdi-500px</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-8tracks"></i>
                                                <span class="text-muted">zmdi zmdi-8tracks</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-amazon"></i>
                                                <span class="text-muted">zmdi zmdi-amazon</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-blogger"></i>
                                                <span class="text-muted">zmdi zmdi-blogger</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-delicious"></i>
                                                <span class="text-muted">zmdi zmdi-delicious</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-disqus"></i>
                                                <span class="text-muted">zmdi zmdi-disqus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flattr"></i>
                                                <span class="text-muted">zmdi zmdi-flattr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flickr"></i>
                                                <span class="text-muted">zmdi zmdi-flickr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-github-alt"></i>
                                                <span class="text-muted">zmdi zmdi-github-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-google-old"></i>
                                                <span class="text-muted">zmdi zmdi-google-old</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-linkedin"></i>
                                                <span class="text-muted">zmdi zmdi-linkedin</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-odnoklassniki"></i>
                                                <span class="text-muted">zmdi zmdi-odnoklassniki</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-outlook"></i>
                                                <span class="text-muted">zmdi zmdi-outlook</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-paypal-alt"></i>
                                                <span class="text-muted">zmdi zmdi-paypal-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pinterest"></i>
                                                <span class="text-muted">zmdi zmdi-pinterest</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-playstation"></i>
                                                <span class="text-muted">zmdi zmdi-playstation</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-reddit"></i>
                                                <span class="text-muted">zmdi zmdi-reddit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-skype"></i>
                                                <span class="text-muted">zmdi zmdi-skype</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-slideshare"></i>
                                                <span class="text-muted">zmdi zmdi-slideshare</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-soundcloud"></i>
                                                <span class="text-muted">zmdi zmdi-soundcloud</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tumblr"></i>
                                                <span class="text-muted">zmdi zmdi-tumblr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-twitch"></i>
                                                <span class="text-muted">zmdi zmdi-twitch</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-vimeo"></i>
                                                <span class="text-muted">zmdi zmdi-vimeo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-whatsapp"></i>
                                                <span class="text-muted">zmdi zmdi-whatsapp</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-xbox"></i>
                                                <span class="text-muted">zmdi zmdi-xbox</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-yahoo"></i>
                                                <span class="text-muted">zmdi zmdi-yahoo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-youtube-play"></i>
                                                <span class="text-muted">zmdi zmdi-youtube-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-youtube"></i>
                                                <span class="text-muted">zmdi zmdi-youtube</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-aspect-ratio-alt"></i>
                                                <span class="text-muted">zmdi zmdi-aspect-ratio-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-aspect-ratio"></i>
                                                <span class="text-muted">zmdi zmdi-aspect-ratio</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-blur-circular"></i>
                                                <span class="text-muted">zmdi zmdi-blur-circular</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-blur-linear"></i>
                                                <span class="text-muted">zmdi zmdi-blur-linear</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-blur-off"></i>
                                                <span class="text-muted">zmdi zmdi-blur-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-blur"></i>
                                                <span class="text-muted">zmdi zmdi-blur</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-2"></i>
                                                <span class="text-muted">zmdi zmdi-</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-3"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-4"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-4</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-5"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-6"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-6</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-7"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-7</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-auto"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-auto</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-brightness-setting"></i>
                                                <span class="text-muted">zmdi zmdi-brightness-setting</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-broken-image"></i>
                                                <span class="text-muted">zmdi zmdi-broken-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-center-focus-strong"></i>
                                                <span class="text-muted">zmdi zmdi-center-focus-strong</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-center-focus-weak"></i>
                                                <span class="text-muted">zmdi zmdi-center-focus-weak</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-compare"></i>
                                                <span class="text-muted">zmdi zmdi-compare</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-16-9"></i>
                                                <span class="text-muted">zmdi zmdi-crop-16-9</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-3-2"></i>
                                                <span class="text-muted">zmdi zmdi-crop-3-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-5-4"></i>
                                                <span class="text-muted">zmdi zmdi-crop-5-4</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-7-5"></i>
                                                <span class="text-muted">zmdi zmdi-crop-7-5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-din"></i>
                                                <span class="text-muted">zmdi zmdi-crop-din</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-free"></i>
                                                <span class="text-muted">zmdi zmdi-crop-free</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-landscape"></i>
                                                <span class="text-muted">zmdi zmdi-crop-landscape</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-portrait"></i>
                                                <span class="text-muted">zmdi zmdi-crop-portrait</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-crop-square"></i>
                                                <span class="text-muted">zmdi zmdi-crop-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-exposure-alt"></i>
                                                <span class="text-muted">zmdi zmdi-exposure-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-exposure"></i>
                                                <span class="text-muted">zmdi zmdi-exposure</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-filter-b-and-w"></i>
                                                <span class="text-muted">zmdi zmdi-filter-b-and-w</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-filter-center-focus"></i>
                                                <span class="text-muted">zmdi zmdi-filter-center-focus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-filter-frames"></i>
                                                <span class="text-muted">zmdi zmdi-filter-frames</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-filter-tilt-shift"></i>
                                                <span class="text-muted">zmdi zmdi-filter-tilt-shift</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-gradient"></i>
                                                <span class="text-muted">zmdi zmdi-gradient</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-grain"></i>
                                                <span class="text-muted">zmdi zmdi-grain</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-graphic-eq"></i>
                                                <span class="text-muted">zmdi zmdi-graphic-eq</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hdr-off"></i>
                                                <span class="text-muted">zmdi zmdi-hdr-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hdr-strong"></i>
                                                <span class="text-muted">zmdi zmdi-hdr-strong</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hdr-weak"></i>
                                                <span class="text-muted">zmdi zmdi-hdr-weak</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hdr"></i>
                                                <span class="text-muted">zmdi zmdi-hdr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-iridescent"></i>
                                                <span class="text-muted">zmdi zmdi-iridescent</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-leak-off"></i>
                                                <span class="text-muted">zmdi zmdi-leak-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-leak"></i>
                                                <span class="text-muted">zmdi zmdi-leak</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-looks"></i>
                                                <span class="text-muted">zmdi zmdi-looks</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-loupe"></i>
                                                <span class="text-muted">zmdi zmdi-loupe</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-panorama-horizontal"></i>
                                                <span class="text-muted">zmdi zmdi-panorama-horizontal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-panorama-vertical"></i>
                                                <span class="text-muted">zmdi zmdi-panorama-vertical</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-panorama-wide-angle"></i>
                                                <span class="text-muted">zmdi zmdi-panorama-wide-angle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-photo-size-select-large"></i>
                                                <span class="text-muted">zmdi zmdi-photo-size-select-large</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-photo-size-select-small"></i>
                                                <span class="text-muted">zmdi zmdi-photo-size-select-small</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-picture-in-picture"></i>
                                                <span class="text-muted">zmdi zmdi-picture-in-picture</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-slideshow"></i>
                                                <span class="text-muted">zmdi zmdi-slideshow</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-texture"></i>
                                                <span class="text-muted">zmdi zmdi-texture</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tonality"></i>
                                                <span class="text-muted">zmdi zmdi-tonality</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-vignette"></i>
                                                <span class="text-muted">zmdi zmdi-vignette</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-wb-auto"></i>
                                                <span class="text-muted">zmdi zmdi-wb-auto</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-eject-alt"></i>
                                                <span class="text-muted">zmdi zmdi-eject-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-eject"></i>
                                                <span class="text-muted">zmdi zmdi-eject</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-equalizer"></i>
                                                <span class="text-muted">zmdi zmdi-equalizer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fast-forward"></i>
                                                <span class="text-muted">zmdi zmdi-fast-forward</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-fast-rewind"></i>
                                                <span class="text-muted">zmdi zmdi-fast-rewind</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-forward-10"></i>
                                                <span class="text-muted">zmdi zmdi-forward-10</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-forward-30"></i>
                                                <span class="text-muted">zmdi zmdi-forward-30</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-forward-5"></i>
                                                <span class="text-muted">zmdi zmdi-forward-5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hearing"></i>
                                                <span class="text-muted">zmdi zmdi-hearing</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pause-circle-outline"></i>
                                                <span class="text-muted">zmdi zmdi-pause-circle-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pause-circle"></i>
                                                <span class="text-muted">zmdi zmdi-pause-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-pause"></i>
                                                <span class="text-muted">zmdi zmdi-pause</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-play-circle-outline"></i>
                                                <span class="text-muted">zmdi zmdi-play-circle-outline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-play-circle"></i>
                                                <span class="text-muted">zmdi zmdi-play-circle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-play"></i>
                                                <span class="text-muted">zmdi zmdi-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-playlist-audio"></i>
                                                <span class="text-muted">zmdi zmdi-playlist-audio</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-playlist-plus"></i>
                                                <span class="text-muted">zmdi zmdi-playlist-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-repeat-one"></i>
                                                <span class="text-muted">zmdi zmdi-repeat-one</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-repeat"></i>
                                                <span class="text-muted">zmdi zmdi-repeat</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-replay-10"></i>
                                                <span class="text-muted">zmdi zmdi-replay-10</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-replay-30"></i>
                                                <span class="text-muted">zmdi zmdi-replay-30</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-replay-5"></i>
                                                <span class="text-muted">zmdi zmdi-replay-5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-replay"></i>
                                                <span class="text-muted">zmdi zmdi-replay</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-shuffle"></i>
                                                <span class="text-muted">zmdi zmdi-shuffle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-skip-next"></i>
                                                <span class="text-muted">zmdi zmdi-skip-next</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-skip-previous"></i>
                                                <span class="text-muted">zmdi zmdi-skip-previous</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-stop"></i>
                                                <span class="text-muted">zmdi zmdi-stop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-surround-sound"></i>
                                                <span class="text-muted">zmdi zmdi-surround-sound</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tune"></i>
                                                <span class="text-muted">zmdi zmdi-tune</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-volume-down"></i>
                                                <span class="text-muted">zmdi zmdi-volume-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-volume-mute"></i>
                                                <span class="text-muted">zmdi zmdi-volume-mute</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-volume-off"></i>
                                                <span class="text-muted">zmdi zmdi-volume-off</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-volume-up"></i>
                                                <span class="text-muted">zmdi zmdi-volume-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-1-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-1-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-2-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-2-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-3-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-3-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-4-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-4-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-5-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-5-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-n-6-square"></i>
                                                <span class="text-muted">zmdi zmdi-n-6-square</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-neg-1"></i>
                                                <span class="text-muted">zmdi zmdi-neg-1</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-neg-2"></i>
                                                <span class="text-muted">zmdi zmdi-neg-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-1"></i>
                                                <span class="text-muted">zmdi zmdi-plus-1</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-plus-2"></i>
                                                <span class="text-muted">zmdi zmdi-plus-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sec-10"></i>
                                                <span class="text-muted">zmdi zmdi-sec-10</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-sec-3"></i>
                                                <span class="text-muted">zmdi zmdi-sec-3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-zero"></i>
                                                <span class="text-muted">zmdi zmdi-zero</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-flat-angled"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-flat-angleds</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-flat"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-flat</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-individual-suite"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-individual-suite</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-legroom-extra"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-legroom-extra</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-legroom-normal"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-legroom-normal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-legroom-reduced"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-legroom-reduced</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-recline-extra"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-recline-extra</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airline-seat-recline-normal"></i>
                                                <span class="text-muted">zmdi zmdi-airline-seat-recline-normal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-airplay"></i>
                                                <span class="text-muted">zmdi zmdi-airplay</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-closed-caption"></i>
                                                <span class="text-muted">zmdi zmdi-closed-caption</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-confirmation-number"></i>
                                                <span class="text-muted">zmdi zmdi-confirmation-number</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-developer-board"></i>
                                                <span class="text-muted">zmdi zmdi-developer-board</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-disc-full"></i>
                                                <span class="text-muted">zmdi zmdi-disc-full</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-explicit"></i>
                                                <span class="text-muted">zmdi zmdi-explicit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flight-land"></i>
                                                <span class="text-muted">zmdi zmdi-flight-land</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flight-takeoff"></i>
                                                <span class="text-muted">zmdi zmdi-flight-takeoff</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flip-to-back"></i>
                                                <span class="text-muted">zmdi zmdi-flip-to-back</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-flip-to-front"></i>
                                                <span class="text-muted">zmdi zmdi-flip-to-front</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-group-work"></i>
                                                <span class="text-muted">zmdi zmdi-group-work</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hd"></i>
                                                <span class="text-muted">zmdi zmdi-hd</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-hq"></i>
                                                <span class="text-muted">zmdi zmdi-</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-markunread-mailbox"></i>
                                                <span class="text-muted">zmdi zmdi-markunread-mailbox</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-memory"></i>
                                                <span class="text-muted">zmdi zmdi-memory</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-nfc"></i>
                                                <span class="text-muted">zmdi zmdi-nfc</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-play-for-work"></i>
                                                <span class="text-muted">zmdi zmdi-play-for-work</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-power-input"></i>
                                                <span class="text-muted">zmdi zmdi-power-input</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-present-to-all"></i>
                                                <span class="text-muted">zmdi zmdi-present-to-all</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-satellite"></i>
                                                <span class="text-muted">zmdi zmdi-satellite</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-tap-and-play"></i>
                                                <span class="text-muted">zmdi zmdi-tap-and-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-vibration"></i>
                                                <span class="text-muted">zmdi zmdi-vibration</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <div class="single_icon  mb-3">
                                                <i class="zmdi zmdi-voicemail"></i>
                                                <span class="text-muted">zmdi zmdi-voicemail</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Small Chat Box -->
                    <div class="small-chat-box fadeInRight animated">
                        <div class="heading d-flex align-items-center" draggable="true">
                            <img class="chat-thumb mr-3" src="img/member-img/1.png" alt="">
                            <div class="chat-header">
                                <h6 class="mb-0">Jhon Smith</h6>
                                <p class="mb-0 font-12 text-green">Active</p>
                            </div>
                        </div>

                        <div class="chat-history bg-img" id="chat-conversation" style="background-image: url(img/bg-img/4.jpg);">
                            <ul>
                                <li class="clearfix mb-15">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:11 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">Hi Robert , how are you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:15 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. and you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:16 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. What's about vacation?.</div>
                                </li>
                                <li class="clearfix">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:18 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">We think for next weekend.</div>
                                    <div class="message other-message float-right font-12">Have fun!</div>
                                </li>
                            </ul>
                        </div>

                        <div class="form-chat">
                            <div class="input-group chat-group">
                                <input type="text" class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="button">Send
                                    </button> </span></div>
                        </div>
                    </div>
                    <div id="small-chat">
                        <span class="badge badge-primary float-right">6</span>
                        <a class="open-small-chat pulse" href="#">
                            <i class="zmdi zmdi-comment-more"></i>
                        </a>
                    </div>
                </div>

                <!-- Footer Area -->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <!-- Footer Area -->
                            <footer class="footer-area">
                                <!-- Copywrite Text -->
                                <div class="copywrite-text text-center">
                                    <p>Undex &copy; 2019 created by <a href="#">Theme-zome</a></p>
                                </div>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- ======================================
    ********* Page Wrapper Area End ***********
    ======================================= -->

    <!-- Must needed plugins to the run this Template -->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bundle.js"></script>

    <!-- Active JS -->
    <script src="js/default-assets/fullscreen.js"></script>
    <script src="js/default-assets/active.js"></script>

    <!-- These plugins only need for the run this page -->
    <script src="js/default-assets/dashboard-chat.js"></script>

</body>


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/matarial-icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:40:35 GMT -->
</html>